【初心者向け】PC 内のファイルを GitHub へアップロードする手順をまとめてみた
2024.11.07はじめに
こんにちは！
アノテーション界の真田幸村、香園紳瑛（かぞの しんえい）です！
個人開発でコードを管理する際に GitHub を使用したいと思ったのですが git commit , git push , git pull など、色々なコマンドが頭の中でごちゃごちゃになってしまいました。
そこで PC 内のファイルを GitHub へアップロードする手順を記憶に定着させる目的でまとめてみた ので紹介します。
環境情報
Mac のターミナル（zsh）の手順になりますので、私の環境情報を記載しておきます。
macOS Sonoma 14.7
zsh 5.9 (x86_64-apple-darwin23.0)
ハンズオン
Step1. リモートリポジトリを作成
- GitHub ホーム画面右上のアイコンを押し、Your repositories を選択
- New を押し、Repository name を入力 & Private を選択して、Create repository を押す（Public でも OK）
Step2. PC 内のファイルを GitHub へアップロード
ここから CLI を使って操作していきます。（私は VS Code のターミナルを使用）
今回は test.html をアップロードしてみます。
リモートリポジトリへアップロードするには、ローカルリポジトリを作成する必要があります。
- ローカルリポジトリを作りたい（ファイルがある）ディレクトリへ移動
# cd <リポジトリを作りたい（ファイルがある）ディレクトリ名>
cd test
- ローカルリポジトリを作成
git init
自分のファイルがあるか確認
git status
自分のファイル出力されていれば OK（出力例）
On branch main
No commits yet
Untracked files:
(use "git add <file>..." to include in what will be committed)
.DS_Store
test.html
nothing added to commit but untracked files present (use "git add" to track)
- 変更をステージングエリア（インデックス）に追加
git add -A
新しく追加されたか確認
git status
自分のファイルの手前に new file: と出力されていれば OK（出力例）
On branch main
No commits yet
Changes to be committed:
(use "git rm --cached <file>..." to unstage)
new file: test.html
- コミット
# " " の中はコミットメッセージ
git commit -m "first commit"
コミットできたか確認
git status
On branch main と出力されていれば OK（出力例）
On branch main
nothing to commit, working tree clean
- ローカルリポジトリとリモートリポジトリを紐づけ
# git remote add <リモートリポジトリ名> <リモートリポジトリの URL>
git remote add origin https://github.com/kazonoshinei/Test.git
- ローカルリポジトリのファイルをリモートリポジトリへアップロード
# git push -u <リモートリポジトリ名> <ローカルリポジトリ名：リモートリポジトリ名>
git push -u origin main
以下の出力が出ていれば OK（出力例）
Enumerating objects: 4, done.
Counting objects: 100% (4/4), done.
Delta compression using up to 8 threads
Compressing objects: 100% (4/4), done.
Writing objects: 100% (4/4), 794 bytes | 794.00 KiB/s, done.
Total 4 (delta 0), reused 0 (delta 0), pack-reused 0
To https://github.com/kazonoshinei/Test.git
* [new branch] main -> main
branch 'main' set up to track 'origin/main'.
- GitHub ホーム画面に戻ってリロードし、アップロードできているか確認
補足
Git と GitHub 関連の用語
| 用語 | 意味 |
|---|---|
| Git | 分散型バージョン管理システム |
| GitHub | コード管理とバージョン管理のためのプラットフォーム |
| リモートリポジトリ | サーバー上（この場合は GitHub 上）にある Git リポジトリ |
| ローカルリポジトリ | ローカルマシン上の Git リポジトリ |
| バージョン管理 | ソフトウェアやドキュメントの変更履歴を管理するプロセス |
| ステージングエリア（インデックス） | コミット前の変更を一時的に保存する領域 |
git init |
新しい Git リポジトリを初期化するコマンド |
git status |
変更をステージングエリアに追加するコマンド |
git add |
変更をステージングエリアに追加するコマンド |
git commit |
変更をリポジトリに記録するコマンド |
git remote add |
リモートリポジトリを追加するコマンド |
git push |
ローカルの変更をリモートリポジトリにアップロードするコマンド |
branch |
Git のブランチ機能 |
main |
デフォルトのメインブランチ名 |
参考資料
さいごに
これで GitHub マスターへの第一歩は踏み出せたと思います。
プロジェクトの管理が効率的になり、開発の生産性が向上することでしょう！
最後までありがとうございました！
また会いましょーう！
アノテーション株式会社について
アノテーション株式会社はクラスメソッドグループのオペレーション専門特化企業です。サポート・運用・開発保守・情シス・バックオフィスの専門チームが、最新 IT テクノロジー、高い技術力、蓄積されたノウハウをフル活用し、お客様の課題解決を行っています。当社は様々な職種でメンバーを募集しています。「オペレーション・エクセレンス」と「らしく働く、らしく生きる」を共に実現するカルチャー・しくみ・働き方にご興味がある方は、アノテーション株式会社 採用サイトをぜひご覧ください。
